import React, { Component, Suspense } from 'react'
import { Switch, Route, Redirect } from "react-router-dom"
export class RouterView extends Component {
  render() {
    const { routerConfig } = this.props
    return (
      <Suspense fallback="路由加载中">
        <Switch>
          {routerConfig.length ? routerConfig.map((item, index) => {
            return item.redirect ? <Redirect key={index} to={item.redirect}></Redirect>
              : <Route key={index} path={item.path} render={
                (props) => {        
                  return <item.component {...props} routerConfig={item.children} ></item.component>
                }}></Route>
          }) : '暂无数据'
          }
        </Switch>
      </Suspense>
    )
  }
}

export default RouterView